<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>BVLGARI Store Locator</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../../css/public.css" media="all"/>
    <link rel="stylesheet" href="storeEdit.css" media="all"/>
</head>
<body class="childrenBody">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>基本信息</legend>
</fieldset>
<input id="store-id" style="display: none">
<input id="store-lat" style="display: none">
<input id="store-lon" style="display: none">
<form class="layui-form">
    <div class="layui-form-item layui-row layui-col-xs10">
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">店铺名称</label>
            <div class="layui-input-inline ">
                <input type="text" class="layui-input label-content storeName" lay-verify="required">
            </div>
        </div>
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">店铺类型</label>
            <div class="layui-input-inline layui-form" lay-filter="storeType">
                <select name="storeType" class="storeType" lay-filter="select-storeType">
                    <option value="">请选择状态</option>
                    <option value="1">专卖店</option>
                    <option value="2">授权经销商</option>
                    <option value="3">临时展台</option>
                </select>
            </div>
        </div>
    </div>

    <div class="layui-form-item layui-col-xs10">
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">店铺英文名称</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input label-content storeEnglishName">
            </div>
        </div>
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">是否允许预约</label>
            <div class="layui-input-inline layui-form" lay-filter="canAppointment">
                <select name="canAppoint" class="canAppoint" lay-filter="select-canAppointment">
                    <option value="1">可预约</option>
                    <option value="0">不可预约</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-col-xs10 storeTime" style="display: none">
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">开始时间</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input label-content fromTime"
                       placeholder="yyyy-MM-dd">
            </div>
        </div>
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">结束时间</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input label-content toTime"
                       placeholder="yyyy-MM-dd">
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-col-xs10">
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">店铺联系人</label>
            <div class="layui-input-inline">
                <input class="layui-input  label-content storeContact" lay-verify="required">
            </div>
        </div>
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">联系人电话</label>
            <div class="layui-input-inline">
                <input class="layui-input label-content contactNumber" lay-verify="required">
            </div>
        </div>
    </div>
    <div class="layui-form-item  layui-col-xs10">
        <div class="layui-inline layui-col-xs5">
            <label class="layui-form-label label-left">店铺电话</label>
            <div class="layui-input-inline">
                <input class="layui-input label-content storePhone" lay-verify="required">
            </div>
        </div>
    </div>
    <div class="layui-form-item  pane=''">
        <label class="layui-form-label label-left">可销售产品</label>
        <div class="layui-input-block">
            <input type="checkbox" name="sales" value="watch" lay-skin="primary" title="手表">
            <input type="checkbox" name="sales" value="jewelry" lay-skin="primary" title="珠宝">
            <input type="checkbox" name="sales" value="bag" lay-skin="primary" title="包">
            <input type="checkbox" name="sales" value="perfume" lay-skin="primary" title="香水">
            <input type="checkbox" name="sales" value="glasses" lay-skin="primary" title="眼镜">
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label label-left"></label>
            <div class="layui-inline">
                <!--//这部分布局好难调整-->
                <label class="layui-form-label label-left-40">周日</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="sunday-start"
                           placeholder="HH:mm">
                </div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="sunday-end"
                           placeholder="HH:mm">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">周一</label>
                <div class="layui-input-inline " style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="monday-start"
                           placeholder="HH:mm">
                </div>
                <div class="layui-input-inline " style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="monday-end"
                           placeholder="HH:mm">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-form-item ">
        <div class="layui-inline">
            <label class="layui-form-label label-left"></label>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">周二</label>
                <div class="layui-input-inline" style="width: 100px">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="tuesday-start"
                           placeholder="HH:mm">
                </div>
                <div class="layui-input-inline" style="width: 100px">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="tuesday-end"
                           placeholder="HH:mm">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">周三</label>
                <div class="layui-input-inline" style="width: 100px">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="wednesday-start"
                           placeholder="HH:mm">
                </div>
                <div class="layui-input-inline " style="width: 100px">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="wednesday-end"
                           placeholder="HH:mm">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label label-left"></label>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">周四</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="thursday-start"
                           placeholder="HH:mm">
                </div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="thursday-end"
                           placeholder="HH:mm">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">周五</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="friday-start"
                           placeholder="HH:mm">
                </div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input busimesstime" lay-verify="required" id="friday-end"
                           placeholder="HH:mm">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-form-item ">
        <div class="layui-inline">
            <label class="layui-form-label label-left"></label>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">周六</label>
                <div class="layui-input-inline" style="width: 100px">
                    <input type="text" class="layui-input busimesstime" id="saturday-start" placeholder="HH:mm">
                </div>
                <div class="layui-input-inline" style="width: 100px">
                    <input type="text" class="layui-input busimesstime" id="saturday-end" placeholder="HH:mm">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-form-item" style="display: none">
        <div class="layui-inline">
            <label class="layui-form-label label-left">轮播图</label>
            <div id="store-banner" class="layui-inline">
                <img class="img-banner"
                     src="http://baogeli.3tichina.com/bvlgariupload/appoint/appointUpload-1534405036994.jpg">
                <img class="img-banner"
                     src="http://baogeli.3tichina.com/bvlgariupload/appoint/appointUpload-1534405036994.jpg">
                <img class="img-banner"
                     src="http://baogeli.3tichina.com/bvlgariupload/appoint/appointUpload-1534405036994.jpg">
            </div>
        </div>
    </div>

    <div class="layui-form-item layui-col-xs12">
        <div class="layui-inline">
            <label class="layui-form-label label-left">活动</label>
            <div class="layui-inline ">
                <label class="layui-form-label label-left-40">标题:</label>
                <div class="layui-input-inline">
                    <input class="layui-input label-content event-title" placeholder="标题">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label ">英文标题:</label>
                <div class="layui-input-inline">
                    <input class="layui-input label-content event-englishtitle" placeholder="英文标题">
                </div>
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-col-xs12">
        <div class="layui-inline">
            <label class="layui-form-label label-left"></label>
            <div class="layui-inline">
                <label class="layui-form-label label-left-40">Url:</label>
                <div class="layui-input-inline">
                    <input class="layui-input label-content-url event-url">
                </div>
            </div>
        </div>
    </div>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
        <legend>地址信息</legend>
    </fieldset>

    <div class="layui-row ">
        <div class="magb15 layui-col-md5">
            <label class="layui-form-label label-left">国家</label>
            <div class="layui-input-inline layui-form" lay-filter="country">
                <select name="country" lay-verify="required" lay-filter="select-country">
                    <option value="">请选择国家</option>
                </select>
            </div>
        </div>
        <div class="magb15 layui-col-md5 ">
            <label class="layui-form-label label-left">城市</label>
            <div class="layui-input-inline layui-form" lay-filter="city">
                <select name="city" lay-verify="required" lay-filter="select-city">
                    <option value="">请选择城市</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class=" layui-col-md5 ">
            <label class="layui-form-label label-left">地址</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input input-content-address storeAddress" lay-verify="required"
                       placeholder="地址">
            </div>
        </div>
        <div class="layui-col-md5 ">
            <label class="layui-form-label label-left">英文地址</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input input-content-address  storeEnglishAddress" placeholder="英文地址">
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-row layui-col-xs12">
        <div class="magb15">
            <a class="layui-btn layui-btn-sm locationAddress">定位地址</a>
        </div>
    </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-md5 map-height layui-left">
            <table id="address-list" lay-filter="address-list"></table>
            <script type="text/html" id="addressListBar">
                <a class="layui-btn layui-btn-xs " id="btn-confirm" lay-event="confirm">确定</a>
            </script>

        </div>
        <div class="layui-col-md5 map-height layui-right" id="allMap">

        </div>
    </div>

    <div class="layui-form-item layui-row layui-col-xs12">
        <div class="magb15 layui-col-md5">
            <a class="layui-btn layui-btn-sm addStore" lay-submit="" lay-filter="addStore">保存</a>
        </div>
    </div>
</form>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=M8wBUDHuzkwjkLW7QHxhKA7GM88dsN3R"></script>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="storeEdit.js"></script>
</body>
</html>